<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页-显示导航栏下拉</title>
    <style>
        .Z_pic1 { width: 100%; min-width: 1200px; height: 2258px; background: url("images/index_pic2.png") no-repeat center;}
        .Z_fix{ width: 160px; height: 160px; position: fixed; top: 40%; right: 0;}
        .Z_fix a{ display: block; width: 160px; height: 40px; text-align: center; line-height: 40px; text-decoration: none; color: #fff;}
        .Z_fix .a1{ background: #ff0000;}
        .Z_fix .a2{ background: #19b8fb;}
        .Z_fix .a3{ background: #5ace33;}
        .Z_fix .a4{ background: #666666;}
    </style>
</head>
<body>
<div class="Z_pic1"></div>
<div class="Z_fix">
    <a class="a1" href="index.html" title="">首页-普通版1</a>
    <a class="a2" href="index2.html" title="">普通版1-显示下拉</a>
    <a class="a3" href="index3.html" title="">首页-普通版2</a>
    <a class="a4" href="index4.html" title="">首页-扁平化</a>
</div>
</body>
</html>